<template>
	<view class="main">
    <view class="page-body">
      <!-- 卡片 -->
      <view style="height: 40rpx;"></view>
      <learn-card></learn-card>
      <view style="height: 40rpx;"></view>
      <view class="recommend">
        <view class="header">题集推荐</view>
        <view class="aline"></view>
        <exam-card></exam-card>
        <exam-card></exam-card>
        <exam-card></exam-card>
        <exam-card></exam-card>
        <exam-card></exam-card>
      </view>
      <!-- #ifdef H5-->
      <view style="height: 100rpx;"></view>
      <!-- #endif -->  
    </view>
	</view>
</template>

<script>
import learnCard from "../../components/learn-card.vue"
import examCard from "../../components/exam-card.vue"
export default {
  components:{
    learnCard,
    examCard
  },
  data() {
    return {
    }
  },
  onLoad() {

  },
  methods: {

  }
}
</script>

<style>
.page-body {
  background-color: #f4f4f4;
  padding: 0rpx 20rpx;
}
.recommend {
  background-color: #FFFFFF;
  padding: 20rpx 20rpx;
}
.recommend .header {
  font-size: 26rpx;
  line-height: 80rpx;
}
</style>
